کد آموزش رسمی پس زدن در کنار - توسعه وب React [ویدئو]

سرفصل ها و درس ها

معرفی Introduction

• به دوره خوش آمدید Welcome to the Course

• به دوره خوش آمدید Welcome to the Course

• پس زدن چیست - مقدمه و مفاهیم کلیدی What Is Recoil - Introduction and Key Concepts

• پس زدن چیست - مقدمه و مفاهیم کلیدی What Is Recoil - Introduction and Key Concepts

• چرا شرکت های برتر Recoil را انتخاب می کنند؟ Why Top Companies Are Choosing Recoil

• چرا شرکت های برتر Recoil را انتخاب می کنند؟ Why Top Companies Are Choosing Recoil

• Recoil چیست - DAG به عنوان یک راه حل گرافیکی مدیریت دولتی What Is Recoil - DAG as a State Management Graphical Solution

• Recoil چیست - DAG به عنوان یک راه حل گرافیکی مدیریت دولتی What Is Recoil - DAG as a State Management Graphical Solution

• درخت اجزای برنامه Basic React چگونه به نظر می رسد What a Basic React Application Component Tree Looks Like

• درخت اجزای برنامه Basic React چگونه به نظر می رسد What a Basic React Application Component Tree Looks Like

• چرا پس زدن اساساً به مقیاس برنامه های بزرگ کمک می کند؟ Why Recoil Fundamentally Helps Large Applications Scale

• چرا پس زدن اساساً به مقیاس برنامه های بزرگ کمک می کند؟ Why Recoil Fundamentally Helps Large Applications Scale

• قابلیت نگهداری و مقیاس پذیری با پس زدن Maintainability and Scalability with Recoil

• قابلیت نگهداری و مقیاس پذیری با پس زدن Maintainability and Scalability with Recoil

• Recoil JS دقیقاً چیست - خلاصه تا کنون What Exactly Is Recoil JS - Summary So Far

• Recoil JS دقیقاً چیست - خلاصه تا کنون What Exactly Is Recoil JS - Summary So Far

• اتم در پس زدن چیست What Is an Atom in Recoil

• اتم در پس زدن چیست What Is an Atom in Recoil

• بررسی سریع اتم ها Quick Review on Atoms

• بررسی سریع اتم ها Quick Review on Atoms

• مقدمه ای برای استفاده از RecoilState در زمینه JSX و React Renderer Introduction to useRecoilState in the Context of JSX and the React Renderer

• مقدمه ای برای استفاده از RecoilState در زمینه JSX و React Renderer Introduction to useRecoilState in the Context of JSX and the React Renderer

• انتخابگرها در پس زدن چیست؟ What Are Selectors in Recoil

• انتخابگرها در پس زدن چیست؟ What Are Selectors in Recoil

• نحوه کار انتخابگرها با مثال ها How Selectors Work with Examples

• نحوه کار انتخابگرها با مثال ها How Selectors Work with Examples

• یادداشت و بهینه سازی های عمومی با پس زدن Memoization and General Optimizations with Recoil

• یادداشت و بهینه سازی های عمومی با پس زدن Memoization and General Optimizations with Recoil

• بررسی کد مفهومی پس زدگی قسمت اول Recoil Conceptual Code Review Part I

• بررسی کد مفهومی پس زدگی قسمت اول Recoil Conceptual Code Review Part I

• بررسی کد مفهومی پس زدگی قسمت دوم Recoil Conceptual Code Review Part II

• بررسی کد مفهومی پس زدگی قسمت دوم Recoil Conceptual Code Review Part II

یک React App از ابتدا ایجاد کنید - React Props and Components for Beginners Create a React App from Scratch - React Props and Components for Beginners

یک React App از ابتدا ایجاد کنید - React Props and Components for Beginners Create a React App from Scratch - React Props and Components for Beginners

• Create React App چیست - بررسی کامل دانلود What Is Create React App - Full Download Review

• Create React App چیست - بررسی کامل دانلود What Is Create React App - Full Download Review

• سرور توسعه React چگونه کار می کند How the React Development Server Works

• سرور توسعه React چگونه کار می کند How the React Development Server Works

• اجزای عملکردی در React چگونه کار می کنند؟ How Do Functional Components Work in React?

• اجزای عملکردی در React چگونه کار می کنند؟ How Do Functional Components Work in React?

• کامپوننت‌های کاربردی و پاس‌کننده‌ها در React Basics چیست؟ What Are Functional Components and Passing Props in React Basics

• کامپوننت‌های کاربردی و پاس‌کننده‌ها در React Basics چیست؟ What Are Functional Components and Passing Props in React Basics

• نحوه عملکرد Local State با useState Hooks در React How Local State Works with useState Hooks in React

• نحوه عملکرد Local State با useState Hooks در React How Local State Works with useState Hooks in React

• ساخت کامپوننت های متعدد و پاس دادن به پروپ ها در React - Long Form Building Multiple Components and Passing Props in React - Long Form

• ساخت کامپوننت های متعدد و پاس دادن به پروپ ها در React - Long Form Building Multiple Components and Passing Props in React - Long Form

• پاکسازی معماری فایل و ماژول های مؤلفه در برنامه پروژه Cleaning Up the File Architecture and Component Modules in the Project App

• پاکسازی معماری فایل و ماژول های مؤلفه در برنامه پروژه Cleaning Up the File Architecture and Component Modules in the Project App

با Recoil از ابتدا یک برنامه بسازید Build an App with Recoil from Scratch

با Recoil از ابتدا یک برنامه بسازید Build an App with Recoil from Scratch

• به چالش های اساسی قبل از پس زدن واکنش نشان دهید React Basic Challenges Pre-Recoil

• به چالش های اساسی قبل از پس زدن واکنش نشان دهید React Basic Challenges Pre-Recoil

• اولین اتم خود را در پس زدن ایجاد کنید Create Your First Atom in Recoil

• اولین اتم خود را در پس زدن ایجاد کنید Create Your First Atom in Recoil

• رندر کردن اتم ها و وصل کردن پس زدن برای واکنش Rendering Atoms and Hooking Up Recoil to React

• رندر کردن اتم ها و وصل کردن پس زدن برای واکنش Rendering Atoms and Hooking Up Recoil to React

• مدیریت رویداد با حالت محلی و اتم ها Event Handling with Local State and Atoms

• مدیریت رویداد با حالت محلی و اتم ها Event Handling with Local State and Atoms

• اتصال Local و Recoil State به یکدیگر برای رندر کردن به‌روزرسانی‌ها در React Connecting Local and Recoil State Together for Rendering Updates in React

• اتصال Local و Recoil State به یکدیگر برای رندر کردن به‌روزرسانی‌ها در React Connecting Local and Recoil State Together for Rendering Updates in React

• استایل دادن به برنامه Recoil با CSS Styling a Recoil App with CSS

• استایل دادن به برنامه Recoil با CSS Styling a Recoil App with CSS

• نقشه برداری از طریق Props و Component ها با Recoil و React Mapping Through Props and Components with Recoil and React

• نقشه برداری از طریق Props و Component ها با Recoil و React Mapping Through Props and Components with Recoil and React

• چالش - رفع اشکال UX Challenge - Fix a UX Bug

• چالش - رفع اشکال UX Challenge - Fix a UX Bug

• نقشه برداری شاخص ها از حالت پایه پس زدگی Mapping Indexes from Recoil Base State

• نقشه برداری شاخص ها از حالت پایه پس زدگی Mapping Indexes from Recoil Base State

• برش و به روز رسانی وضعیت شی در React و Recoil Slicing and Updating Object State in React and Recoil

• برش و به روز رسانی وضعیت شی در React و Recoil Slicing and Updating Object State in React and Recoil

• نام‌های کلاس JSX و اجبار ضمنی JSX ClassNames and Implicit Coercion

• نام‌های کلاس JSX و اجبار ضمنی JSX ClassNames and Implicit Coercion

• ویرایش و به روز رسانی مقادیر حالت در پس زدن Editing and Updating State Values in Recoil

• ویرایش و به روز رسانی مقادیر حالت در پس زدن Editing and Updating State Values in Recoil

• نامگذاری توابع و چالش دوره واکنش Function Naming and React Course Challenge

• نامگذاری توابع و چالش دوره واکنش Function Naming and React Course Challenge

• Refactoring React و Recoil Code Demonstration Refactoring React and Recoil Code Demonstration

• Refactoring React و Recoil Code Demonstration Refactoring React and Recoil Code Demonstration

• Refactoring Exercise and Solution in React Refactoring Exercise and Solution in React

• Refactoring Exercise and Solution in React Refactoring Exercise and Solution in React

ساخت ویژگی های حالت اتم پویا با پس زدن Building Dynamic Atom State Features with Recoil

ساخت ویژگی های حالت اتم پویا با پس زدن Building Dynamic Atom State Features with Recoil

• اضافه کردن چند سبک اضافی به برنامه ما و بحث انتخابگر آینده Adding Some Extra Styles to Our App and Upcoming Selector Discussion

• اضافه کردن چند سبک اضافی به برنامه ما و بحث انتخابگر آینده Adding Some Extra Styles to Our App and Upcoming Selector Discussion

• دستورات عملیات حل مسئله - تفکر بالاتر از سطح جوان به عنوان یک توسعه دهنده Problem Solving Orders of Operation - Thinking Above Junior Level as a Developer

• دستورات عملیات حل مسئله - تفکر بالاتر از سطح جوان به عنوان یک توسعه دهنده Problem Solving Orders of Operation - Thinking Above Junior Level as a Developer

• راه حل - فرآیندهای فکری برای ساختن ویژگی ها با پس زدن Solution - Thought Processes for Building Features with Recoil

• راه حل - فرآیندهای فکری برای ساختن ویژگی ها با پس زدن Solution - Thought Processes for Building Features with Recoil

• نوشتن پوسته اجزای فیلتر و تجسم انتخابگرها در یک برنامه Recoil Writing the Filter Component Shell and Visualizing Selectors in a Recoil App

• نوشتن پوسته اجزای فیلتر و تجسم انتخابگرها در یک برنامه Recoil Writing the Filter Component Shell and Visualizing Selectors in a Recoil App

• نوشتن یک انتخاب فیلتر در پس زدن و رندر کردن حالت مشتق شده Writing a Filter Selection in Recoil and Rendering the Derived State

• نوشتن یک انتخاب فیلتر در پس زدن و رندر کردن حالت مشتق شده Writing a Filter Selection in Recoil and Rendering the Derived State

• تغییر حالت محلی به حالت اتم برای انتخابگرهای دارای چند اتم Switching Local State to Atom State for Selectors with Multi Atoms

• تغییر حالت محلی به حالت اتم برای انتخابگرهای دارای چند اتم Switching Local State to Atom State for Selectors with Multi Atoms

• ساخت یک انتخابگر به صورت مشروط و تصمیم گیری الگوریتمی عملکرد Building a Selector Conditionally and Performance Algorithmic Decision Making

• ساخت یک انتخابگر به صورت مشروط و تصمیم گیری الگوریتمی عملکرد Building a Selector Conditionally and Performance Algorithmic Decision Making

• به روز رسانی مؤلفه و تکرارها برای مقیاس بندی پویا با انتخابگر Updating Component and Iterations for Dynamic Scaling with Selector

• به روز رسانی مؤلفه و تکرارها برای مقیاس بندی پویا با انتخابگر Updating Component and Iterations for Dynamic Scaling with Selector

• داده های ماندگار و نتیجه گیری دوره رسمی Persisting Data and Formal Course Conclusion

• داده های ماندگار و نتیجه گیری دوره رسمی Persisting Data and Formal Course Conclusion